<template>
  <div class="building-container">
    楼宇管理
  </div>
</template>

<script>
export default {
  // 写组件模板的另一种方式  直接通过 脚本js 去写模板
  // h 方法  作用用来创建虚拟节点
  // 第一个参数  标签名/组件引用/异步组件/函数式组件
  // 第二个参数  标签的属性/组件的props/异步组件的props/函数式组件的props [如果是组件, 父传子 给子组件传入 props]
  // 第三个参数  标签的子节点  默认数组  (子节点可以有多个) 如果只是一个文本节点 直接写
  // 即使不写 render 函数, 写的template, Vue依旧 会把 template 编译成 render 函数在浏览器中实际运行的其实还是 render 函数
  render(h) {
    return h('div', {
      class: 'building-container'
    }, [
      '楼宇管理'
    ]
    )
  }

}

</script>

<style lang="scss" scoped>

</style>
